import { ReactNode } from 'react'
import React from 'react'
import styles from './styles.module.css'

interface ListCardProps {
  title: ReactNode
  text: ReactNode
}

const ListCard: React.FC<ListCardProps> = ({ title, text }) => {
  return (
    <div className={styles.cardWrapper}>
      <h2 className={styles.cardTitle}>{title}</h2>
      <p className={styles.cardText}>{text}</p>
    </div>
  )
}

export default ListCard
